<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body id="top">
    <!-- 头部 -->
    <header class="container">
        <div class="row zbb_head">
            <a href="./regiest.html" class="col-md-2">亲，请登录 免费注册</a>
            <ul class="list-inline col-md-10 text-right">
                <li><a href="javascript:;">商城首页</a></li>
                <li><a href="./login.html"><span class="iconfont">&#xe645;</span>个人中心</a></li>
                <li><a href="./pay.html"><span class="iconfont">&#xe73c;</span>购物车2</a></li>
                <li><a href="javascript:;"><span class="iconfont">&#xe663;</span>收藏夹</a></li>
            </ul>
        </div>
    </header>
    <!-- 搜索 -->
    <nav class="zbb_nav">
        <img src="./images/logobig.png" style="margin-left: 130px;">
        <form action="">
            <input type="search" placeholder="搜索">
            <button>搜索</button>
        </form>
    </nav>
    <!-- 导航 -->
    <div class="zbb_dh">
        <ul class="dh_1 list-inline">
            <li class="dh_2 "><a href="javascript:;">全部分类</a></li>
            <li class="q"><a href="javascript:;">首页</a></li>
            <li class="q"><a href="./product.html">闪购</a></li>
            <li class="q"><a href="javascript:;">限时抢</a></li>
            <li class="q"><a href="javascript:;">团购</a></li>
            <li class="q"><a href="javascript:;">大包装</a></li>
        </ul>
    </div>
    <div class="tap">
        <ul class="zbb_tab">
            <li><a href="javascript:;"><img src="./images/cake.png" width="24px">点心/糕点 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/cookies.png" width="24px">饼干/膨化 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/meat.png" width="24px">熟食/肉类 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/bamboo.png" width="24px">素食/卤味 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/nut.png" width="24px">坚果/炒货 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/candy.png" width="24px">糖果/蜜饯 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/chocolate.png"
                        width="24px">巧克力&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gtcc;</a>
            </li>
            <li><a href="javascript:;"><img src="./images/fish.png" width="24px">海味/河鲜 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/tea.png" width="24px">花茶/果茶 &gtcc;</a></li>
            <li><a href="javascript:;"><img src="./images/package.png" width="24px">品牌/礼包 &gtcc;</a></li>
        </ul>
        <div class="max">
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>

                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                        <li>铜锣烧</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
            <div class="zbb_tab_main">
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">蛋糕</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div class="zbb_main">
                    <h4 class="text-left" style="font-weight: bold;color:#F44661;">点心</h4>
                    <ul class="zbb_main_tab">
                        <li>蒸蛋糕</li>
                        <li>脱水蛋糕</li>
                        <li>瑞士卷</li>
                        <li>软面包</li>
                        <li>马卡龙</li>
                        <li>千层饼</li>
                        <li>甜甜圈</li>
                        <li>蒸三明治</li>
                        <li>铜锣烧</li>
                    </ul>
                </div>
                <div>
                    <h4 class="text-left" style="font-weight: bold;color:#0F1024;">实力商家</h4>
                    <hr>
                    <ul class="list-inline">
                        <li>呵护官方旗舰店</li>
                        <li>格瑞旗舰店</li>
                        <li>飞彦大厂直供</li>
                        <li>红e 艾菲妮</li>
                        <li>本真旗舰店</li>
                        <li>杭派女装批发网</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div style="width:100%;border-top: 2px solid red;position: relative;">
        <div id="lb" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="item active" style="background-color:#55BE58;">
                    <div style="text-align: center;">
                        <img src="./images/ad1.jpg" style="margin-left: 100px;" width="1020px">
                    </div>
                </div>
                <div class="item" style="background-color:#F44661;">
                    <div style="text-align: center;">
                        <img src="./images/ad2.jpg" style="margin-left: 100px;" width="1020px">
                    </div>
                </div>
                <div class="item" style="background-color:#0F1024;">
                    <div style="text-align: center;">
                        <img src="./images/ad3.jpg" style="margin-left: 100px;" width="1020px">
                    </div>
                </div>
                <div class="item" style="background-color:#FF9801;">
                    <div style="text-align: center;">
                        <img src="./images/ad4.jpg" style="margin-left: 100px;" width="1020px">
                    </div>
                </div>
            </div>
            <!-- 小圆点 -->
            <ol class="carousel-indicators">
                <li data-target="#lb" data-slide-to="0" class="active"></li>
                <li data-target="#lb" data-slide-to="1"></li>
                <li data-target="#lb" data-slide-to="2"></li>
                <li data-target="#lb" data-slide-to="3"></li>
            </ol>
        </div>
        <div class="sctt">
            <h4 style="color: #C81024;font-weight:bold;" class="gg">商城头条</h4>
            <p class="gg">[特惠]商城爆品1分秒</p>
            <p class="gg" style="border-bottom: 1px solid #eee;padding-bottom: 10px;">[公告]商城与广州市签署战略合</p>
            <div class="srt11 gg">
                <div class="sct1">
                    <img src="./images/getAvatar.do.jpg">
                </div>
                <div>
                    <p style="margin:0px ;">Hi,小叮当</p>
                    <a href="javascript:;" style="color: red;">点击更多优惠活动</a>
                </div>
            </div>
            <a href="./login.html" class="srt12">登录</a>
            <a href="./regiest.html" class="srt12">注册</a>
            <p class="gg">[特惠]洋河年末大促，低至两件</p>
            <p class="gg">[公告]华北、华中部分地区配送</p>
            <p class="gg">[特惠]家电狂欢千亿礼券买1送</p>
            <img src="./images/advTip.jpg" width="100%">
        </div>
    </div>
    <!-- 今日推荐 -->
    <div class="zbb_jrtj">
        <div class="jr1">
            <p style="font-size:20px;color:white;width:40px;">今日推荐</p>
            <img src="./images/2016.png" width="50%">
        </div>
        <div class="jr">
            <div>
                <p style="font-weight: bold;font-size: 16px;margin: 0;">真的有鱼</p>
                <p>开年福利篇</p>
            </div>
            <img src=" ./images/tj.png" width="50%">
        </div>
        <div class="jr">
            <div>
                <p style="font-weight: bold;font-size: 16px;margin: 0;">真的有鱼</p>
                <p>开年福利篇</p>
            </div>
            <img src="./images/tj1.png" width="50%">
        </div>
        <div class="jr">
            <div>
                <p style="font-weight: bold;font-size: 16px;margin: 0;">真的有鱼</p>
                <p>开年福利篇</p>
            </div>
            <img src="./images/tj2.png" width="50%">
        </div>
    </div>
    <!-- 活动 -->
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">活动<span style="font-size: 15px;color:#ccc;font-weight: 400;">每期活动
                    优惠不停</span><a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">全部活动&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="zbb_hd1">
        <div class="hd1_1">
            <img src="./images/activity1.jpg">
            <a href="javascript:;" class="hd1_1_1">春节送礼优选</a>
            <div class="hd1_1_2"><span>秒杀</span></div>
        </div>
        <div class="hd1_1">
            <img src="./images/activity2.jpg">
            <a href="javascript:;" class="hd1_1_1">春节送礼优选</a>
            <div class="hd1_1_2" style="background-color: #B48C66;"><span>特惠</span></div>
        </div>
        <div class="hd1_1">
            <img src="./images/activity3.jpg">
            <a href="javascript:;" class="hd1_1_1">春节送礼优选</a>
            <div class="hd1_1_2" style="background-color: #7FB110;"><span>团购</span></div>
        </div>
        <div class="hd1_1">
            <img src="./images/activity.jpg">
            <a href="javascript:;" class="hd1_1_1">春节送礼优选</a>
            <div class="hd1_1_2" style="background-color: #0086E5;"><span>超值</span></div>
        </div>
    </div>
    <!-- 商品 -->
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">甜品
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">每一道甜品都有一个故事</span>
                <span style="font-size: 15px;width: 300px;margin-left:600px;font-weight: 700;">桂花糕 奶皮酥 栗子糕 马卡龙 铜锣烧
                    豌豆黄</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">全部活动&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/1.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/2.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/4.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/3.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">坚果
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">酥酥脆脆</span>
                <span style="font-size: 15px;width: 300px;margin-left:700px;font-weight: 700;">腰果 松子 夏威夷果 碧根果 开心果
                    核桃仁</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">更多美味&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #FF9229;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/6.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/7.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/10.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/8.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/9.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">甜品
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">每一道甜品都有一个故事</span>
                <span style="font-size: 15px;width: 300px;margin-left:600px;font-weight: 700;">桂花糕 奶皮酥 栗子糕 马卡龙 铜锣烧
                    豌豆黄</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">全部活动&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #B474FF;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/1.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/2.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/4.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/3.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">坚果
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">酥酥脆脆</span>
                <span style="font-size: 15px;width: 300px;margin-left:700px;font-weight: 700;">腰果 松子 夏威夷果 碧根果 开心果
                    核桃仁</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">更多美味&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #82CEFF;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/6.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/7.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/10.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/8.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/9.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">甜品
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">每一道甜品都有一个故事</span>
                <span style="font-size: 15px;width: 300px;margin-left:600px;font-weight: 700;">桂花糕 奶皮酥 栗子糕 马卡龙 铜锣烧
                    豌豆黄</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">全部活动&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color:#6CC67C ;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/1.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/2.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/4.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/3.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">坚果
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">酥酥脆脆</span>
                <span style="font-size: 15px;width: 300px;margin-left:700px;font-weight: 700;">腰果 松子 夏威夷果 碧根果 开心果
                    核桃仁</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">更多美味&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #FE7A64;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/6.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/7.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/10.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/8.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/9.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">甜品
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">每一道甜品都有一个故事</span>
                <span style="font-size: 15px;width: 300px;margin-left:600px;font-weight: 700;">桂花糕 奶皮酥 栗子糕 马卡龙 铜锣烧
                    豌豆黄</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">全部活动&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color:#84AFFE ;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/1.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/2.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/4.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/3.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">坚果
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">酥酥脆脆</span>
                <span style="font-size: 15px;width: 300px;margin-left:700px;font-weight: 700;">腰果 松子 夏威夷果 碧根果 开心果
                    核桃仁</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">更多美味&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #C6A868;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/6.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/7.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/10.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/8.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/9.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">甜品
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">每一道甜品都有一个故事</span>
                <span style="font-size: 15px;width: 300px;margin-left:600px;font-weight: 700;">桂花糕 奶皮酥 栗子糕 马卡龙 铜锣烧
                    豌豆黄</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">全部活动&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #F8C375;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/1.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/2.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/4.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/3.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <div class="zbb_hd">
        <div class="hd_1">
            <h4 style="font-weight: bold;">坚果
                <span style="font-size: 15px;color:#ccc;font-weight: 400;">酥酥脆脆</span>
                <span style="font-size: 15px;width: 300px;margin-left:700px;font-weight: 700;">腰果 松子 夏威夷果 碧根果 开心果
                    核桃仁</span>
                <a href="javascript:;"
                    style="font-size:16px;color:#0F1024;font-weight: 400;float: right;">更多美味&gtcc;</a>
            </h4>
        </div>
    </div>
    <div class="sp">
        <div class="sp1" style="background-color: #F59CEC;">
            <ul class="sp1_1">
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
                <li>核桃</li>
            </ul>
            <h4 style="color: white;text-align:center;font-weight: bold;margin: 0;">开抢了</h4>
            <p style="text-align: center;color: #666;">零食大礼包</p>
            <img src="./images/act1.png" width="100%">
            <div class="dijiao"></div>
            <div class="dijiao1"></div>
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/6.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/7.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/10.jpg" width="80%">
        </div>
        <div class="sp1_2">
            <div class="sp1_2_1">
                <img src="./images/8.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
            <div class="sp1_2_1" style="border-top: 1px solid #ccc;">
                <img src="./images/9.jpg" width="75%">
                <div class="sp1_2_11">
                    <div>
                        <p style="font-weight: bold;color:black;margin: 0%;">雪之恋和风大厦</p>
                        <p>￥13.8</p>
                    </div>
                    <div class="iconfont" style="color: white;">&#xe651;</div>
                </div>
            </div>
        </div>
        <div class="sp1_3">
            <div class="sp1_2_11">
                <div>
                    <p style="font-weight: bold;color:black;margin: 0%;">小布丁</p>
                    <p>￥4.8</p>
                </div>
                <div class="iconfont" style="color: white;">&#xe651;</div>
            </div>
            <img src="./images/5.jpg" width="80%">
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <p class="ft1">
            <a href="javascript:;">恒望科技</a>
            <a href="./index.html">商城首页</a>
            <a href="javascript:;">支付宝</a>
            <a href="javascript:;">物流</a>
        </p>
        <hr style="margin-top: 0px;">
        <p><a href="javascript:;">关于恒望 </a><a href="javascript:;"> 合作伙伴</a><a href="javascript:;"> 联系我们</a><a
                href="javascript:;"> 网站地图</a> ◎ 2015-2025
            Hengwang.com版权所有.更多模板模板在线厚朴网络淘宝店-Collect
            from模板在线厚朴网络淘宝店</p>
    </div>

    <div class="xfc">
        <div>
            <a></a>
            <div class="xfc-tx">
                <div>
                    <img src="./images/no-img_mid_.jpg" alt="" class="img-circle">
                </div>
                <div>
                    <p>用户名s1156</p>
                    <p>级别 普通会员</p>
                </div>
                <a style="margin-left: 40px;" href="javascript:;">我的订单</a>
                <a href="javascript:;">我的收藏</a>
            </div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <h5>购 物 车</h5>
            <p>2</p>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>余额宝</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>大脚板</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>爱心</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>爱心</div>
        </div>
        <!--  -->
        <div>
            <a href="javascript:;"></a>
            <div>客服</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>
                <img src="./images/weixin_code_145.png" alt="">
            </div>
        </div>

        <div>
            <a href="#top"></a>
            <div>返回顶部</div>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script>
    var as = document.querySelectorAll('.zbb_tab>li a');
    var ds = document.querySelectorAll('.max>div');

    for (var i = 0; i < as.length; i++) {
        ds[i].setAttribute('index', i);
        as[i].setAttribute('index', i);
        as[i].onmouseover = function () {
            for (var j = 0; j < as.length; j++) {
                as[j].removeAttribute('class');
                ds[j].removeAttribute('class');
            };
            ds[this.getAttribute('index')].setAttribute('class', 'dis zbb_tab_main');
            this.setAttribute('class', 'redf');
        };
        as[i].onmouseout = function () {
            ds[this.getAttribute('index')].setAttribute('class', '');
            this.setAttribute('class', '');
        };
        ds[i].onmouseover = function () {
            for (var j = 0; j < as.length; j++) {
                ds[j].removeAttribute('class');
            };
            as[this.getAttribute('index')].setAttribute('class', 'redf');
            ds[this.getAttribute('index')].setAttribute('class', 'dis zbb_tab_main');
        };
        ds[i].onmouseout = function () {
            ds[this.getAttribute('index')].setAttribute('class', '');
            as[this.getAttribute('index')].setAttribute('class', '');
        };
    };



    $('.jr').on('mouseover', function () {
        $(this).children(2).css('transform', 'translateX(-10px)')
    })
    $('.jr').on('mouseout', function () {
        $(this).children(2).css('transform', 'translateX(0px)')
    })
    $('.sp1_2_1').on('mouseover', function () {
        $(this).children(1).css('transform', 'translateX(-10px)')
    })
    $('.sp1_2_1').on('mouseout', function () {
        $(this).children(1).css('transform', 'translateX(0px)')
    })
    $('.sp1_3').on('mouseover', function () {
        $(this).children(2).css('transform', 'translateX(-10px)')
    })
    $('.sp1_3').on('mouseout', function () {
        $(this).children(2).css('transform', 'translateX(0px)')
    })

    $('.xfc').children().children('div').hide()
    $('.xfc').children().on({
        mouseover: function () {
            $(this).children('div').show()
        }, mouseout: function () {
            $(this).children('div').hide()
        }
    })
</script>